body{margin:0;padding:0;font-size:0.75rem;font-family:Arial, Helvetica, sans-serif;overflow-x:hidden;background:#fff;}
html{font-size:20px;}
@media screen  and (max-width:374px){
html{font-size:18.5px;}
	.swiper-slide .kv_img{
		width:80%;
		margin: 0 auto;
		display: block;
	}
	.list ul{
		margin:0.5rem 0;
		padding:0 2.5rem;
		overflow: auto;
		text-align: center;
		max-height: 11.6rem;
		-webkit-overflow-scrolling: touch;
	}
}
@media only screen and (min-device-width: 375px) and (max-width:640px) {

}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td /* table elements 表格元素 */ {
  margin: 0;
  padding: 0;
}
input,textarea,button,select{appearance:none;-webkit-appearance:none;margin: 0;padding: 0;font-size:0.75rem;color:#666666;outline: none;}
ul,li{margin:0;padding:0;list-style: none;}
a{text-decoration: none;color:#666666;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-user-select: none;-webkit-box-sizing: border-box;box-sizing: border-box;}
.flexBox{display:-webkit-box;display: -webkit-flex;display: flex;width: 100%;-webkit-box-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;overflow: hidden;}
.flexChild{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;overflow: hidden;}
.searchHead a,.flexBox label{display:block;}
.search a,.search input{display:block;}
.oneLine{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/* 强制不换行 */
.nowrap {
  white-space: nowrap;
  word-wrap: normal;
}

/* 连续字符换行 */
.wrap {
  white-space: normal;
  word-wrap: break-word;
}
textarea {
  resize: none;
}

button {
  border: none;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/* IE input X 去掉文本框的叉叉和密码输入框的眼睛图标 */
::-ms-clear, ::-ms-reveal {
  display: none;
}

.l {
  float: left;
  display: inline;
}

.r,.fr {
  float: right;
  display: inline;
}

.ps_ovhidden {
  overflow: hidden;
}

/*清理浮动*/
.cf:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.cf {
  zoom: 1;
}

/**
* 文字溢出显示省略号
* 1. Opera 9-10.6
* 2. Chrome 21+ bug https://bugs.webkit.org/show_bug.cgi?id=121902
*/
.ellipsis {
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  -o-text-overflow: ellipsis;
/* 1 */
text-overflow: ellipsis;
}

/* 修改placeholder color */
::-webkit-input-placeholder {
/* WebKit browsers */
color: #BABABA;
}

:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #BABABA;
}

::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #BABABA;
}

:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: #BABABA;
}
@charset "utf-8";
/* CSS Document */
.ThirdLine{
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.bg-cover{background-size: cover;background-repeat: no-repeat;background-position: center;}

/**************进场***************/
.kv_1{
	position: relative;
	background-image: url(../images/kv_1.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.kv_2{
	position: relative;
	background-image: url(../images/kv_2.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.kv_3{
	position: relative;
	background-image: url(../images/kv_3.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.kv_4{
	position: relative;
	background-image: url(../images/kv_4.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.kv_5{
	position: relative;
	background-image: url(../images/kv_5.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.kv_6{
	position: relative;
	background-image: url(../images/kv_6.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.logoImg{
	height: 1.3rem;
}
.rightTop{
	position: absolute;
	right:0;
	top:0;
	border-left: 4rem solid transparent;
	border-top: 4rem solid #ff8e2a;
}
.rightBottom{
	position: absolute;
	right:0;
	bottom:0;
	border-left: 4rem solid transparent;
	border-bottom: 4rem solid #ff8e2a;
}
.rightTop>div{
	position: absolute;
	right:0;
	top:-4rem;
	width: 2rem;
	color:#fff;
	text-align: center;
	font-size: 0.6rem;
	line-height: 0.8rem;
}
.rightBottom>div{
	position: absolute;
	right:0;
	bottom:-4rem;
	width: 2rem;
	color:#fff;
	text-align: center;
	font-size: 0.6rem;
	line-height: 0.8rem;
	padding-bottom: 0.5rem;
}
.kv_img{
	width: 100%;
	margin-top: 2.5rem;
}
.kv{
	position: absolute;
	left:0;
	right:0;
	bottom: 0;
	top:0;
	overflow: hidden;
}
.notice{
	position: absolute;
	bottom: 3rem;
	left:0;
	right:0;
	text-align: center;
}
.notice span{
	display: inline-block;
	padding: 0.2rem 1rem;
	background-color: rgba(255,255,255,0.85);
	border-radius: 2rem;
	color:#666;
	font-size: 0.65rem;
}
.up{
	position: absolute;
	bottom: 1rem;
	width:1.2rem;
	left:50%;
	margin-left: -0.6rem;
	 -webkit-animation:up 1s .2s infinite linear both;
     -moz-animation:up 1s .2s infinite linear both;
     animation:up 1s .2s infinite linear both;
}
@-webkit-keyframes up{
    0%{-webkit-transform:translateY(1rem);opacity: 1;}
    100%{-webkit-transform:translateY(0);opacity: 0;}
}
@-moz-keyframes up{
    0%{-moz-transform:translateY(1rem);opacity: 1;}
    100%{-moz-transform:translateY(0);opacity: 0;}
}
@keyframes up{
    0%{transform:translateY(1rem);opacity: 1;}
    100%{transform:translateY(0);opacity: 0;}
}

.role{
	position: absolute;
	width:86%;
	left:7%;
	top:15%;
	bottom:10%;
	background-color: rgba(255,255,255,0.95);
	border-radius: 5px;
	z-index: 998;
	padding: 0.4rem;
	display: none;
}
.close{
	position: absolute;
	right:-0.5rem;
	top:-0.5rem;
	padding-left: 1px;
	height: 1.5rem;
	width:1.5rem;
	text-align: center;
	line-height: 1.5rem;
	border-radius: 50%;
	border:1px solid #ececec;
	background-color: #fff;
	color:#666;
	font-size: 1rem;
	z-index: 3;
}
.releCon{
	border:1px solid #999;
	border-radius: 5px;
	height: 100%;
	position: relative;
	z-index: 2;
}
.releConT{
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom: 1rem;
	padding: 0.5rem;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	line-height: 0.8rem;
	font-size: 0.6rem;
}
.releConT h4{
	text-align: center;
	font-size: 0.7rem;
}
.down{
	position: absolute;
	left:0;
	right:0;
	bottom: 0;
	height: 1rem;
	padding: 0.5rem;
	background-image: url(../images/down.png);
	background-size: auto 0.8rem;
	background-repeat: no-repeat;
	background-position: center;
}
.imgs{
	position:relative;
	margin-top: -1rem;
}
.imgs li{
	position:absolute;
	width:32%;
	left:35%;
	background: #fff;
	padding: 0.3rem 0.3rem 0.2rem;
	text-align: center;
	box-shadow: 0 0 5px rgba(0,0,0,0.8);
	color:#666;
}
.imgs li .bg-cover{
	width:100%;
	display: inline-block;
}
.bg-cover:after{
	margin-top: 100%;
	content:'';
	display: block;
}
.imgs li:first-child .bg-cover{
	background-image: url(../images/img1.jpg)
}
.imgs li:nth-child(2) .bg-cover{
	background-image: url(../images/img2.jpg)
}
.imgs li:nth-child(3) .bg-cover{
	background-image: url(../images/img3.jpg)
}
.imgs li:nth-child(4) .bg-cover{
	background-image: url(../images/hanbao.jpg);
	background-size:100%;
}
.imgs li div:nth-child(2){
	font-size: 0.45rem;
	line-height: 0.6rem;
	font-weight: bold;
}
.imgs li div:nth-child(3){
	font-size: 0.45rem;
}

.mh{
	position: absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
	-webkit-filter:blur(3px);
   -moz-filter:blur(3px);
   filter:url(blur.svg#blur);
   filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
   filter:blur(3px);
}
.imgNew{
	display: block;
	width:90%;
	margin:0 auto;
}
.imgNew2{
	display: block;
	width:50%;
	margin:2rem auto;
	box-shadow: 0 0 5px rgba(0,0,0,0.5)
}
.bPos{
	position: absolute;
	left:0;
	right:0;
	bottom: 100%;
}
.notice>div{
	margin-bottom: 0.5rem;
	color:#fff;
}
.fullDiv{
	position: absolute;
	top:50%;
	left:1rem;
	display: block;
	right:1rem;
	background: rgba(255,255,255,0.85);
	border-radius: 5px;
	padding: 0.2rem;
	margin-top: -11.45rem;
}
.fullDiv>div{
	border:1px solid #666;
	border-radius: 5px;
	height: 100%;
	padding:0 1rem 1rem;
	color:#666;
	font-size: 0.7rem;
}
.cardUp img{
	display: block;
	width:40%;
	margin:0.5rem auto 0;
}
.cardUp{
	line-height: 1.5rem;
}
.cardUp input{
	display: block;
	width:100%;
	height: 1.5rem;
	padding: 0 0.3rem;
	border-radius: 3px;
	border:1px solid rgba(255,255,255,0.5);
	background-color: #e8e8e8;
	box-shadow: inset 0 0 2px #cecece;
}
.cardUp span{
	font-size: 0.4rem;
}
.cardUp button{
	display: block;
	width: 4.5rem;
	margin:1rem auto 0;
	border-radius: 2rem;
	line-height: 1.5rem;
	background: rgba(255,255,255,0.8);
	box-shadow: 0 0 3px #cecece;
	font-size: 0.65rem;
}
.cardUp button:hover{
	background: rgba(255,255,255,0.4);
}
.noticePop{
	position: absolute;
	left:0;
	right:0;
	bottom: 0;
	top:0;
	padding-top: 50%;
	background: rgba(0,0,0,0.08);
	display: none;
}
.notiveCon{
	position: absolute;
	top:50%;
	left:50%;
	margin-left: -4.75rem;
	margin-top: -3.5rem;
	width:9.5rem;
	height: 7rem;
	background: rgba(255,255,255,0.95);
	padding: 0.2rem;
	border-radius: 5px;
	padding: 0.2rem;
}
.notiveCon>div{
	border:1px solid #666;
	height: 100%;
	border-radius: 5px;
	text-align: center;
	padding-top: 2rem;
}
.notiveCon>div h2{
	line-height:1rem;
}
.upBtn{
	display: block;
	margin: 1rem 0;
	text-align: center;
}
.upBtn span{
	display: inline-block;
	padding: 0.2rem 1rem;
	background-color: rgba(255,255,255,0.85);
	border-radius: 2rem;
	color:#666;
	font-size: 0.65rem;
}
.upBtn input{
	display: none;
} 
.kv_6 .kv_img{
	margin-top: 1rem;
}
.xinfeng img{
	width:100%;
}
.xinfeng{
	position: relative;
	width:90%;
	margin:1rem auto;
}
.xinfeng .bg-cover{
	position: absolute;
	bottom: 15%;
	left:6%;
	width:40%;
}
.xinfeng .bg-cover:after{
	content: '';
	margin-top: 100%;
	display: block;
}
.bh{
	position: absolute;
	bottom:0.7rem;
	right:0.5rem;
	color:#333;
	font-size: 0.65rem;
}
.bh ul{
	overflow: hidden;
}
.bh li{
	float: left;
	width:0.8rem;
	height: 0.8rem;
	border:1px solid #ccbdb1;
	margin: 0 0.1rem;
	font-size: 0.55rem;
	line-height: 0.8rem;
	text-align: center;
}
.twoBtn{
	height: 3rem;
	margin-top: 1.5rem;
}
.twoBtn li{
	float: left;
	width:50%;
	text-align: center;
}
.twoBtn a{
	display: inline-block;
	padding: 0.2rem 1rem;
    background-color: rgba(255,255,255,0.85);
    border-radius: 2rem;
    color: #666;
    font-size: 0.65rem;
}
.person{
	width: 50%;
	display: block;
	margin:0.5rem auto 0;
}
.zan{
	display: inline-block;
	color:#fff;
	line-height: 2rem;
}
.zan img{
	height: 2rem;
	float: left;
}
.advantage{
	position: absolute;
	bottom:0;
	left:0;
	background-color: rgba(255,255,255,0.5);
	right:0;
}
.advantage .oneLine{
	color:#666;
	height: 2rem;
	padding: 0 0.5rem;
	font-size: 1rem;
	line-height: 2rem;
}
.advantage .flexBox{
	padding: 0.3rem;
}
.advantage .bg-cover{
	width:3rem;
	background-size: contain;
	height: 2rem;
}
.zf{
	position: fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color: rgba(0,0,0,0.1);
	background-image: url(../images/zf.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100%;
	z-index: 99998;
	display: none;
}
.imgBig{
	position: fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-size: contain;
	background-position: center;
	width:100%;
	z-index: 9998;
	background-color: rgba(0,0,0,0.5);
	display: none;
	background-repeat: no-repeat;
}
.smfont{
	font-size: 0.4rem;
	color:#fff;
	margin-top: 0.1rem;
}
.popzan{
	position: fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color: rgba(0,0,0,0.5);
	z-index: 9998;
	display: none;
}
.popzan>.popwin{
	position: absolute;
	width:60%;
	left:20%;
	background: rgba(255,255,255,0.95);
	border-radius: 5px;
	text-align: center;
	color:#666;
	padding: 2px;
	top:50%;
	margin-top: -4.7rem;
}
.popwin>div{
	border:1px solid #666;
	border-radius: 5px;
}
.popwin>div>div{
	line-height: 6rem;
	padding-top: 1rem;
}
.popwin ul{
	overflow: hidden;
	padding-bottom: 0.5rem;
	padding-top: 3px;
}
.popwin li{
	float: left;
	width:50%;
}
.popwin a{
	display: inline-block;
    padding: 0.2rem 0;
    width: 70%;
    background-color: rgba(255,255,255,0.85);
    border-radius: 2rem;
    color: #666;
    font-size: 0.65rem;
    box-shadow: 0 0 3px #cecece;
}
.list{
	position: absolute;
	top:50%;
	left: 5%;
	width:90%;
	background: #fff;
	padding: 2px;
	border-radius: 5px;
	z-index: 100;
	margin-top: -8rem;
}
.list>.bc{
	border:1px solid #cecece;
	border-radius: 5px;
	box-shadow: inset 0 0 4px #cecece;
}
.list ul{
	margin:0.5rem 0;
	padding:0 3rem;
	overflow: auto;
	text-align: center;
	max-height: 13.6rem;
	-webkit-overflow-scrolling: touch;
}
.list ul li{
	width:48%;
	float: left;
	margin-bottom: 0.2rem;
}
.list ul li:nth-child(even){
	float: right;
}
.list ul .bg-cover{
	display: inline-block;
	width:100%;
	position: relative;

}
.list ul .bg-cover:after{
	content: '';
	display: block;
	margin-top: 100%;
}
.list ul img{
	height: 1.2rem;
}
.list ul .bg-cover div{
	position: absolute;
	left:0;
	right:0;
	bottom: 0;
	background-color:#a7a7a7;
	color:#666;
	font-size: 0.65rem;
	line-height: 1rem;
}
.list ul .cf{
	display: inline-block;
	line-height: 1.2rem;
	color:#666;
}
.list button{
	background: transparent;
	height:1.5rem;
	width:1.8rem;
}
.list button img{
	height: 0.5rem;
	margin:0.5rem 0.75rem;
	display: block;
}
.footForm{
	padding:0 2rem 1rem;
	color:#666;
	line-height: 1.5rem;
	height:2rem;
}
.footForm input{
	height:100%;
	border: none;
	padding-left: 0.5rem;
	background: transparent;
	font-size:0.55rem;
}
.footForm .flexBox{
	height: 1.5rem;
	border-radius: 3px;
	border:1px solid rgba(255,255,255,0.5);
	background-color: #e9e9e9;
	box-shadow: inset 0 0 2px #cecece;
	float:left;
	width:65%;
}
.footForm  a{
	display:inline-block;
	padding: 0.2rem 0;
	width:30%;
	text-align:center;
    background-color: rgba(255,255,255,0.85);
    border-radius: 2rem;
    color: #666;
    font-size: 0.6rem;
	line-height:1rem;
	margin-left:5%;
	box-shadow:0 0 5px #cecece;
}
.footAdvantage{
	position: absolute;
	background-color: rgba(255,255,255,0.6);
	left:0;
	right:0;
	bottom: 0;
	color:#666;
	font-size: 0.5rem;
	padding: 0.2rem 0;
}
.footAdvantage>div{
	font-size: 0.7rem;
	text-align: center;
}
.footAdvantage ul{
	overflow: hidden;
	line-height: 0.7rem;
	padding: 0.2rem 1.5rem;
}
.footAdvantage li{
	float: left;
	min-width: 50%;
}
.footAdvantage li img{
	float: left;
	height: 0.55rem;
	margin-top: 0.04rem;
}
.paiming{
	position:absolute;
	left:1rem;
	bottom:5%;
	font-size:0.7rem;
	color:#666;
}
@media screen  and (max-width:374px){
	.swiper-slide .kv_img{
		width:80%;
		margin: 0 auto;
		display: block;
	}
	.list ul{
		margin:0.5rem 0;
		padding:0 2.5rem;
		overflow: auto;
		text-align: center;
		max-height: 11.6rem;
		-webkit-overflow-scrolling: touch;
	}
	.footForm{
	padding:0 1.5rem 1rem;
}
}